<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>忆创能力学院</title>
    <link rel="shortcut icon" href="/static/images/homev2/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1924548_t46zro06j7c.css">
    <link rel="stylesheet" href="/static/css/cssrest.css">
    <link rel="stylesheet" href="/static/css/element.css">
    <link rel="stylesheet" href="/static/css/home.css">
    <link rel="stylesheet" href="/static/css/animate.min.css">
</head>
<body>
<!--<div class="topbar">
    <img src="https://static.ycnlxy.com/home/topbar%402x.png" alt="">
</div>-->
<div class="toolbar">
    <div class="container">
        <div class="container_inner">
            <ul class="list">
                <li>
                    <a href="#">忆创教育</a>
                </li>
                <li>
                    <a href="#">小程序</a>
                </li>
            </ul>
        </div>
    </div>
</div>


<div class="nav">
    <div class="container">
        <div class="logo">
            <h1>
                <a href="index.html">
                    <img width="191" height="60" src="https://static.ycnlxy.com/home/logo%402x.png" alt="">
                </a>
            </h1>
        </div>
        <div class="nav-list">
            <ul>
                <li class="actived">
                    <a href="javascript:;">首页</a>
                </li>
                <li>
                    <a href="javascript:;">关于</a>
                </li>
                <li>
                    <a href="javascript:;">课程</a>
                </li>
                <li>
                    <a href="javascript:;">讲师</a>
                </li>
                <li>
                    <a href="javascript:;">学习</a>
                </li>
            </ul>
        </div>
        <div class="nav-info">
            <img width="191" height="53" src="https://static.ycnlxy.com/home/sublogo%402x.png" alt="">
        </div>
    </div>
</div>


<div class="banner" spin>
    <div class="banner_in">
        <ul>
            <li>
                <img width="100%" src="https://static.ycnlxy.com/homev2/banner%402x.png" alt="">
            </li>
        </ul>
    </div>
</div>



<div class="wrapper" style="margin-bottom: 130px;" spin>
    <div class="wrapper-part wrapper-horizonta">
        <div class="img fl slideInUp yc-w" >
            <img width="421" height="424" src="https://static.ycnlxy.com/homev2/icon001%402x.png" alt="">
        </div>
        <div class="content fr" style="width: 610px;">
            <h3 class="slideInUp yc-w">以记忆力为核心 <small>学习方法研究和应用</small></h3>
            <h2 class="slideInUp yc-w">能力培训</h2>
            <ul>
                <li class="slideInUp yc-w">- 忆创能力学院致力于，追求卓越的能力,研究记忆力和好的学习方法加强对事物的理解，改善自我的可塑性。</li>
                <li class="slideInUp yc-w">- 融合专业经验，更适合IT行业学习的记忆术。</li>
                <li class="slideInUp yc-w">- 个人能力的修行永无止境，从兴趣开始，更好的自己就在前方，过程就是最好的奖励。</li>
            </ul>
            <h4 class="slideInUp yc-w">全面提升学习能力</h4>
        </div>
    </div>
    <div class="wrapper-part wrapper-vertical">
        <div class="content text-center">
            <h2 class="slideInUp yc-w">记忆宫殿</h2>
            <ul  class="slideInUp yc-w">
                <li>- 学习和使用记忆宫殿，记忆宫殿是记忆法中的重要技能，可以快速的序列化很多需要记忆的内容。学习中正确的使用记忆宫殿能够增强学习能力和理解能力。</li>
                <li>- 利用记忆法和记忆宫殿5分钟内快速记忆一副扑克牌，虽然扑克牌记忆跟专业技能没有关系但却是最好的练习记忆力的方法，方法练的好记什么都一样。</li>
            </ul>
            <h3  class="slideInUp yc-w">学习的必备技能</h3>
        </div>
        <div class="img text-center slideInUp yc-w"  >
            <img src="https://static.ycnlxy.com/homev2/icon002%402x.png" alt="">
        </div>
    </div>
</div>

<div class="container-fluid container-bg-1">
    <div class="wrapper">
        <div class="wrapper-horizonta  ">
            <div class="content fl" style="width: 610px;">
                <h3 class="slideInUp yc-w">如何快速学习一个新的软件？</h3>
                <h2 class="slideInUp yc-w">学习新软件</h2>
                <ul  class="slideInUp yc-w">
                    <li>- 曾经学习新的软件是否让你感觉无从下手，觉得自学晦涩难懂找不到方法？</li>
                    <li>- IT行业免不了学习新软件，不管是设计软件还是编程的IDE都是有很好的方法和窍门。</li>
                    <li>- 利用好的学习方法事半功倍加强理解，迅速上手分清所需不被细节所缠绕和深陷。</li>
                </ul>
            </div>
            <div class="img fr slideInUp yc-w" >
                <img src="https://static.ycnlxy.com/homev2/icon003%402x.png" alt="">
            </div>
        </div>
    </div>
</div>

<div class="wrapper">
    <div class="wrapper-part wrapper-horizonta" >
        <div class="img fr slideInUp yc-w" >
            <img src="https://static.ycnlxy.com/homev2/icon004%402x.png" alt="">
        </div>
        <div class="content fl " style="width: 610px;">
            <h3 class="slideInUp yc-w">记忆大量快捷键和API</h3>
            <ul class="slideInUp yc-w">
                <li>- 学习过程中总会遇到新软件要记大量快捷键，新语言有一些必须要记的API手册你也不能总是去查吧。</li>
                <li>- 有人说现在寻找信息的成本降低了不用记那么多东西，这种思想是没有与时俱进的。如今一个专业比过去要复杂的多人们需要不断学习往往要记的东西更多了。</li>
            </ul>
        </div>

    </div>
</div>

<div class="part part-inverse    bg-purple" spin>
    <div class="container">
        <div class="title">
            <h2 class="slideInUp yc-w">课程介绍</h2>
            <p class="text-center slideInUp yc-w" style="width: 780px;">全新原创以记忆力为核心的能力课程,记忆力是各种能力的基石，能力从来不是单一出现的不管你有没有在意过你已经在使用能力了，系统的对能力进行梳理和学习对每个人都大有好处。</p>
        </div>
    </div>
</div>



<div class="part course-info">
    <div class="container">
        <div class="course-info-title">
            <h3>课程大纲</h3>
        </div>
        <div class="course-info-list">
            <ul>
                <li>
                    <div class="list slideInUp yc-w">
                        <div class="top">
                            <img height="72" src="https://static.ycnlxy.com/home/jiyili%402x.png" alt="">
                            <h3>记忆力</h3>
                        </div>
                        <div class="body">
                            全新的原创记忆力课程5分钟记住一副扑克牌，3分钟记忆60位数字，系统的学习记忆宫殿的用法和深层原理。编程上可用来记忆各种api手册，设计上可记忆各种快捷键和大量功能。记忆力是这套能力体系当中最要的能力，是所有能力的核心。
                        </div>
                    </div>
                </li>
                <li>
                    <div class="list slideInUp yc-w" yc-w-delay="0.1s">
                        <div class="top">
                            <img height="72" src="https://static.ycnlxy.com/home/xuexi%402x.png" alt="">
                            <h3>学习力</h3>
                        </div>
                        <div class="body">
                            原创学习能力课程，工作中一直总结各种技术或软件从而变成学习方法，你可以以此打造自己的学习方法。如果你有意识的整理这套学习方法那它会越来越好用，堪称学习之神的斯科特杨曾说，学习也是需要学习的。不管你会多少技术始终要有一套自己的学习能力。
                        </div>
                    </div>
                </li>
                <li>
                    <div class="list slideInUp yc-w" yc-w-delay="0.2s">
                        <div class="top">
                            <img height="72" src="https://static.ycnlxy.com/home/sixiang%402x.png" alt="">
                            <h3>思想力</h3>
                        </div>
                        <div class="body">
                            历史中思考能力强的人得出的答案穿透事物看清本质，严谨的逻辑和推理背后有很多前人留下的思想方法，这些人的思想力不停的被后人研究，他们留下了很多珍贵的思考法则。告别胡思乱想确实需要一些方法让我们的思想更有效。
                        </div>
                    </div>
                </li>
                <li>
                    <div class="list slideInUp yc-w" yc-w-delay="0.3s">
                        <div class="top">
                            <img height="72" src="https://static.ycnlxy.com/home/zhuanzhu%402x.png" alt="">
                            <h3>专注力</h3>
                        </div>
                        <div class="body">
                            学习控制注意力和目标管理，有一个简单的方法就是舒尔特练习，飞行员训练都在用的舒尔特训练是增强专注力供认的方法，25个方格所用时间越短表示你的专注力越强，经过训练可达到10秒以内。
                        </div>
                    </div>
                </li>
                <li>
                    <div class="list slideInUp yc-w" yc-w-delay="0.4s">
                        <div class="top">
                            <img height="72" src="https://static.ycnlxy.com/home/mingxiang%402x.png" alt="">
                            <h3>冥想力</h3>
                        </div>
                        <div class="body">
                            当今社会最缺乏的或许就是冥想力，这种能力实际有经久的历史。翻阅书籍几乎你会发现所有成就卓著的人都重视冥想能力，记忆力层面来讲冥想和记忆就好像阴阳两极，记不住有一部分原因是因为纷杂的东西太多。而冥想正是帮助你能静下来忘记该忘记的。
                        </div>
                    </div>
                </li>
                <li>
                    <div class="list slideInUp yc-w" yc-w-delay="0.5s">
                        <div class="top">
                            <img height="72" src="https://static.ycnlxy.com/home/yuedu%402x.png" alt="">
                            <h3>阅读力</h3>
                        </div>
                        <div class="body">
                            原创阅读力课程，锻炼阅读速度一分钟内阅读一千字。人生必读好书《原则》《刻意练习》《终身成长》《认知天性》《乔布斯传》《富兰克林自传》《心流》《稀缺》《曾文正公传》等，教会你如何阅读的同时将带你领略这些书中的重要内容。
                        </div>
                    </div>
                </li>


            </ul>
        </div>
    </div>
</div>

<!--<div class="part part-inverse bg-blue" spin>
    <div class="container">
        <div class="title">
            <h2 class="slideInUp yc-w">讲师介绍</h2>
            <p class="slideInUp yc-w" style="width: 800px">
                总监、院长级教学经验，原创记忆力课程。丰富的研发和授课实力精通AfterEffects、3DMax、C4D、ActionScript、JavaScript、动画设计、插画手绘、后期处理、前端开发、UI设计。</p>
        </div>
    </div>

</div>-->


<!--<div class="wrapper">
    <div class="wrapper-horizonta wrapper-part-between slideInUp yc-w">
        <div class="img">
            <img width="529" height="849" src="https://static.ycnlxy.com/homev2/teacher01%402x.png" alt="">
            <ul class="part-list">
                <li>- 2016年创立UI学院出任院长。</li>
                <li>- 2017年创立H5学院，为公司研发了H5的课程。</li>
                <li>- 第一个创立了两个学院的双学院院长。</li>
                <li>- 管理期间培养了非常多的优秀老师,奠定了他们教学风格的基础。</li>
                <li>- 为学校成功策划了讲师培养制度和流程。</li>
            </ul>
        </div>
        <div class="content" style="width:520px ">
            <div class="h3">
                <h3>韩奇峰</h3>
                <small>忆创能力学院创始人</small>
            </div>

            <p>从业经历</p>
            <ul class="part-list">
                <li>11年工作经验。曾担任国内知名教育机构课程研发专员，教学总监、院长。参与创立过两个学院UI学院html5前端学院并研发课程。</li>
                <li>参与设计与制作BMW宝马Usage Training项目,设计奥迪全息投影项目。资深UI设计师，动画设计师。动画设计全国竞赛三等奖。</li>
                <li>2分钟速记一副牌序，每分钟记忆50位数字。飞行员专注力训练法舒尔特最快纪录6.97秒。阅读速读1000字/分。</li>
            </ul>
        </div>
    </div>
    <div class="wrapper-horizonta slideInUp yc-w" style="padding: 100px 0;">
        <div class="content" style="width: 430px">
            <ul class="part-list">
                <li>- 2012年开始了职教生涯</li>
                <li>- 2013年我以全学科评分第一名的成绩升任北京区教学总监</li>
                <li>- 2014年上海学区刚刚成立 一次无意间上海授课学生评分100分，上海学区成立以来第一个满分讲师。</li>
                <li>- 2016年创立UI学院出任院长。</li>
                <li>- 2017年创立H5学院，为公司研发了H5的课程。</li>
                <li>- 第一个创立了两个学院的双学院院长。</li>
                <li>- 管理期间培养了非常多的优秀老师,奠定了他们教学风格的基础。</li>
                <li>- 为学校成功策划了讲师培养制度和流程。</li>
            </ul>
            <p>
                一直到今天总共工作已经11个年头，希望能够创造一个与自我风格相接近的品牌，经过了一段时间的准备终于有了忆创教育，感谢各位朋友的支持。研究记忆力,学习方法和各种能力一直是我的兴趣，也终将成为一种生活方式，全新的学习模式不复制不盲从勇于创造。
            </p>
        </div>
        <div class="img">
            <img src="https://static.ycnlxy.com/homev2/teacher02%402x.png" alt="">
        </div>
    </div>
</div>-->
<div class="part model-info course-info">
    <div class="container">
        <div class="course-info-title">
            <h3>全新模式</h3>
        </div>
        <div class="model-info-list">
            <ul>
                <li>
                    <div class="list list-horizontal slideInUp yc-w">
                        <div class="img">
                            <img src="https://static.ycnlxy.com/homev2/icon005%402x.png" alt="">
                        </div>
                        <div class="content">
                            <div class="title"><span>能力课堂</span></div>
                            <p>
                                融合NLP学术理念，原创能力课程体系院长总监级别课程研发实力，全面增强学习能力。
                                NLP是西方的能力学精华在各个行业均有应用。
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="list list-horizontal slideInUp yc-w" yc-w-delay="0.1s">
                        <div class="img">
                            <img src="https://static.ycnlxy.com/homev2/icon006%402x.png" alt="">
                        </div>
                        <div class="content">
                            <div class="title"><span>一对一教学</span></div>
                            <p>
                                线上一对一教学，保证质量。坐在家里就能学,不用翻山越岭长途跋涉到学校租房子搬行李，节省房租费、生活费。
                            </p>
                        </div>
                    </div>
                </li>


            </ul>
        </div>
    </div>
</div>

<div class=" part user-study" spin>
    <div class="container">
        <div class="title">
            <h2>报名学习</h2>
            <p>兼职学习,自我提升,为能力充电。</p>
        </div>

        <div class="user-study-con">
            <form action="javascript:;" id="form">
                <div class="form-input">
                    <div class="form-group">
                        <input name="name" v-model.trim="form.name" type="text" placeholder="姓名">
                    </div>
                    <div class="form-group">
                        <input name="phone" v-model.trim="form.phone" type="text" placeholder="电话">
                    </div>
                    <div class="form-group">
                        <input name="wechat" v-model.trim="form.wechat" type="text" placeholder="微信">
                    </div>
                    <div class="form-group">
                        <textarea name="content" v-model.trim="form.content" placeholder="内容"></textarea>
                    </div>
                    <div class="form-group form-group-captcha">
                        <input name="code" placeholder="验证码" type="text" v-model.trim="form.code">
                        <div id="captcha" @click="changeCode" v-html="code"></div>
                    </div>
                </div>
                <div class="form-group  form-group-submit">
                    <button @click="subForm">提交</button>
                </div>
            </form>
        </div>
    </div>
</div>


<div class="friend-links">
    <div class="container">
        <div class="info">
            友情链接：
        </div>
        <p>
            <a href="https://www.redocn.com/">红动中国</a>
            <a href="https://huaban.com/">花瓣</a>
            <a href="https://www.lanrentuku.com/">懒人图库</a>
            <a href="https://www.sc115.com/">素彩网</a>
            <a href="http://www.wzsky.net/">设计前沿</a>
            <a href="https://www.zcool.com.cn/">站酷</a>
        </p>
    </div>
</div>
<footer class="footer">
    Copyright 北京忆创教育科技有限公司 All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备20021746号</a>
</footer>

<div class="right-tool-bar">
    <div class="box">
<!--        <div class="box-item">-->
<!--            <i class="iconfont icon-wechat"></i>-->
<!--            <div class="box-show">-->
<!--                <img src="/static/images/homev2/yc.jpeg" alt="">-->
<!--            </div>-->
<!--        </div>-->
<!--        <div  class="box-item">-->
<!--            <i class="iconfont icon-shouji"></i>-->
<!--            <div class="box-show">-->
<!--                <p>17896026450</p>-->
<!--            </div>-->
<!--        </div>-->
        <div  class="box-item" id="scrolltop">
            <i class="iconfont icon-xiangshang"></i>
        </div>
    </div>
</div>

<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/index.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script>
  $(function() {

    $('#scrolltop').click(function() {
      $("html,body").animate({scrollTop:0})
    })

    $('.yc-w').each(function(ele) {
      $(this).removeClass('animated')
      $(this).css('visibility','hidden')
      $(this).css('animation-name','none')
      $(this).css('transform','translateY(100%)')
    })
    var winH =  $(window).height()
    $(window).scroll(function(e) {
      myWow()
    })
    myWow();
    function myWow() {
      var scrollT = $(window).scrollTop()
      var allTop = scrollT+winH;
      $(".yc-w").each(function(item,index) {
        const docT = $(this).offset().top
        if(allTop-docT>=50 && docT-scrollT>=0){
          $(this).addClass('animated')
          const delay = $(this).attr('yc-w-delay')
          $(this).css('animation-delay',delay)
          $(this).css('visibility','visible')
          var _that = $(this)
          setTimeout(function() {
            _that.css('animation-name','slideInUp')
          })

        }

      })
    };

    $('.nav .nav-list li').click(function() {
      var index = $(this).index();
      var top = $('[spin]').eq(index).offset().top
      $('html,body').animate({scrollTop:top},500)
    })

  })
</script>
<script>
  window.onload = function(){

    /*表单*/
    const phoneReg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/
    // const emailReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
    var vm  = new Vue({
      el:'#form',
      data:{
        form:{
          name:'',
          phone:'',
          wechat:'',
          content:'',
          code:''
        },
        code:''
      },
      mounted(){
        this.changeCode()
      },
      methods:{
        changeCode(){
          const time = new Date().getTime()
          const that = this;
          axios.get('/index/captcha?t='+time).then(function(data) {
            that.code = data.data.data;
          })
        },
        subForm(){
          if(this.validForm()){
            const that = this;
            axios({
              method:'post',
              url:'/index/userstudy',
              data:this.form,
            }).then(function(data) {
              console.log(data.data);
              if(data.data.errno===0){
                that.$message.success('提交成功，客服正在赶来')
                that.form.name = '';
                that.form.phone = '';
                that.form.wechat = '';
                that.form.content = '';
                that.form.code = ''
              }else{
                that.$message.error(data.data.errmsg)
              }
              that.changeCode()
            },function(err) {
              that.$message.error(err)
            })
          }
        },
        validForm(){
          if(this.form.name.length<1){
            this.$message.error('用户名为必填项，且至少为一个字符')
            return false
          }
          if(!phoneReg.test(this.form.phone)){
            this.$message.error('手机号为必填项')
            return false

          }
          if(this.form.wechat.length<1){
            this.$message.error('微信为必填项')
            return false
          }
          return true;
        }
      }
    })
  }

</script>
</body>
</html>
